<script lang="ts">
  export let size = "1em";
  export let color = "currentColor";
  export let className = "";
</script>

<svg
  height={size}
  viewBox="0.5 0.5 22 22"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
  class="{className} "
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M3.79081 3.79081C4.29716 3.28446 4.98392 3 5.7 3H18.3C19.0161 3 19.7028 3.28446 20.2092 3.79081C20.7155 4.29716 21 4.98392 21 5.7V18.3C21 19.0161 20.7155 19.7028 20.2092 20.2092C19.7028 20.7155 19.0161 21 18.3 21H5.7C4.98392 21 4.29716 20.7155 3.79081 20.2092C3.28446 19.7028 3 19.0161 3 18.3V5.7C3 4.98392 3.28446 4.29716 3.79081 3.79081ZM5.7 4.8C5.4613 4.8 5.23239 4.89482 5.0636 5.0636C4.89482 5.23239 4.8 5.4613 4.8 5.7V8.4H8.4V4.8H5.7ZM10.2 4.8V8.4H19.2V5.7C19.2 5.46131 19.1052 5.23239 18.9364 5.0636C18.7676 4.89482 18.5387 4.8 18.3 4.8H10.2ZM19.2 10.2H10.2V19.2H18.3C18.5387 19.2 18.7676 19.1052 18.9364 18.9364C19.1052 18.7676 19.2 18.5387 19.2 18.3V10.2ZM8.4 19.2V10.2H4.8V18.3C4.8 18.5387 4.89482 18.7676 5.0636 18.9364C5.23239 19.1052 5.46131 19.2 5.7 19.2H8.4Z"
    fill={color}
  />
</svg>
